import { createApp } from 'vue';
import pinia from '/@/stores/index';
import App from '/@/App.vue';
import router from '/@/router';
import { directive } from '/@/directive/index';
import other from '/@/utils/other';
import './assets/font/iconfont.css'

import ElementPlus from 'element-plus';
import '/@/theme/index.scss';
import * as ElementPlusIconsVue from '@element-plus/icons-vue'

// 引入 echarts
import ECharts from 'vue-echarts'
import DataVVue3 from '@kjgl77/datav-vue3'

const app = createApp(App)
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
}
app.component('v-chart', ECharts)

directive(app);
other.elSvg(app);

app.use(pinia)
.use(router)
.use(ElementPlus)
.use(DataVVue3)
.mount('#app');
